.main{width:1200px;margin:0 auto;}
.content{
  a{color:#777777;font-size: 12px;}
  a:hover{color:red;}
  color:#777;
  font-size: 12px;

  //主体部分
  .content_body{

    .cb_top{
      border-bottom: 1px solid #f5f5f5;  font-family: "Microsoft Yahei";padding: 8px 0;
      ul{
        padding:8px 0;
        overflow: hidden;
        li{
          float: left;
          a{padding:0 8px;}
        }
      }
    }

    //中间部分
    .cb_middle{
      margin-top:40px;
      overflow: hidden;
      position: relative;
      .cb_middle_left{
        float: left;
        overflow: hidden;
        .imageLists{
          float: left;
          width:94px;
          height:392px;
          overflow: hidden;
          ol{
            width:94px;
            li{
              line-height: 0;
              border:2px solid #ccc;
              margin-bottom: 4px;
              &:hover{
                border:2px solid red;
              }
              img{
                width:90px;height:90px;
              }
            }
          }
        }
        .smallImage{
          overflow: hidden;
          position: relative;
          margin-left: 20px;
          float:left;;
          border:1px solid #ccc;
          .smallImage_box{
            line-height: 0;
            img{
              width:380px;
              height:380px;
            }
          }
          .smallArea{
            display: none;
            position: absolute;
            left:0;
            top:0;
            width:50px;
            height:50px;
            border: 1px solid #ccc;
            opacity:0.2;
            background-color: deepskyblue;
          }
        }
      }
      .cb_middle_center{
        margin-left:15px;
        float: left;
        width: 442px;
        h2{
          font: 18px/30px "黑体";
          font-weight: normal;
          color:#000;
          border-bottom: 1px dotted #000;
          padding-bottom: 10px;
        }
        .goosDis{
          font-size: 14px;
          line-height: 30px;
          padding-left:10px;
        }
        .goodsSale{
          background-color: #f3f3f3;
          padding:10px 0 20px 10px;
          .price{
            line-height: 40px;
            margin-right: 2px;
            font-size: 14px;
            letter-spacing: 4px;
            strong{
              color: #d91404;
              font-size: 18px;
              font-weight: 700;
              display: inline-block;
            }
          }
          .fastSale{
            font-size: 12px;
            line-height: 30px;
            em{
              padding-left:8px;
            }
          }
        }
        .address{
          margin-top: 30px;
          span{
            padding-left:10px;
            font-size: 14px;
            color:#000;

          }
        }
        .number{
          line-height: 32px;
          overflow: hidden;
          margin-top: 10px;
          button{
            font-size: 20px;
            width:28px;
            height:34px;
            background-color: #a1a1a1;
            float: left;
          }
          input{
            float: left;
            border: 1px solid #f3f3f3;
            width:62px;
            height:32px;
            text-align: center;
            color:#000;
          }
          span{
            color:#000;
            padding-left:30px;
          }
          em{
            color:#000;
          }
        }
        .butIt{
          margin-top:15px;
          button{
            line-height:30px;
            width:92px;
            color:#fff;
          }
          button:nth-child(1){
            background-color: green;
          }
          button:nth-child(2){
            background-color: red;
          }
        }
      }
      .cb_middle_right{
        float: right;
        .QRcode{
          border: 1px solid #ccc;
          padding:15px;
          P{
            font-size: 16px;
            line-height: 40px;
            text-align: center;
          }
          .QRcodeImage{
            img{
              width:181px;
              height:181px;
            }
          }
          span{
            display: block;
            line-height: 30px;
            font-size: 14px;
            text-align: center;
          }
        }
        .seeOld{
          margin-top: 15px;
          text-align: center;
          line-height: 30px;
          background-color: #ccc;
          a{
            color:#000;
          }
        }
      }
      .bigArea{
        border:1px solid #ccc;
        position: absolute;
        left:543px;
        top:0;
        width:380px;
        height:380px;
        overflow: hidden;
        line-height: 0;
        display: none;
        .bigImage{
          line-height: 0;
          position: absolute;
          width:760px;
          height:760px;
          img{
            width:760px;
            height:760px;
          }
        }
      }
    }
    .cb_bottom{
      margin-top:30px;
      overflow: hidden;
      .sameGoods{
        background-color: #9c9c9c;
        width:222px;height:579px;
        float:left;
      }
      .goosIntroduce{
        box-sizing: border-box;
        width: 950px;
        margin-left:20px;
        float: left;
        position: relative;
        .gi_head{
          border-bottom: 1px solid #ccc;
          height:42px;
          ul{
            padding-left:20px;
            overflow: hidden;
            position: absolute;
            top:0px;
            li{
              box-sizing: border-box;
              padding:0 15px;
              font-size: 15px;
              font-weight: 700;
              line-height: 40px;
              float: left;
              &:hover{
                border:1px solid #ccc;
                border-top: 2px solid #d91404;
                border-bottom:1px solid #fff;
                
              }
            }
          }
        }
        .gi_content{
          width:790px;
          margin:30px auto;
          .total{
            p{
              font-size: 14px;
              background-color: #faf3f0;
              line-height: 38px;
              text-indent: 10px;
              font-weight: bold;
            }
            div{
              line-height: 38px;
              text-indent: 10px;
            }
          }
          .gc_msg{
            display: none;
          }
          .gc_parameter{
            display: none;
          }
          .gc_pay{
            display: none;
          }
          .gc_evaluate{
            display: none;
          }
          .current{
            display: block;
          }
        }
      }
    }
  }
}